<template>
  <div>
   <div class="return">
    <router-link to="/mine"> <a-icon type="left" /></router-link>
   </div>
    <div class="pic">
      <img :src="user.avatar" alt="">
    </div>
    <div class="message">
      <ul>
        <li>用户名 :<span>{{user.userName}}</span></li>
        <li>性别 :<span v-text="user.sex==0?this.useSex='男':this.useSex='女'">{{useSex}}</span></li>
        <li>手机号 <span>{{user.phonenumber}}</span></li>
        <li>邮箱 <span>{{user.email}}</span></li>
        <li>介绍 <span>{{user.remark}}</span></li>
      </ul>
    </div>
    <div>
    </div>
  </div>
</template>

<script>
import {userInfo} from "@/api/api";

export default {
  name: "minemessage",
  data(){
    return {
      user:[],
      useSex:"",
      useLove:"",
      touxiang:""
    }
  },
  created() {
    userInfo().then(res=>{
      console.log(res)
      this.user=res.data
    })
  }
}
</script>

<style scoped lang="less">
.pic{
  height: calc(100vh / 3);
  line-height: calc(100vh / 3);
  padding: 0  60px ;
  box-sizing: border-box;
  margin: auto;
  text-align: center;
  //background: red;
  img{
    width: 60%;
    border-radius: 50%;
  }
}
.message {
  width: 70%;
  margin: auto;
  font-size: 20px;
  font-weight: bold;
  li {
    list-style: none;
    padding: 5px;
    span {
      margin-left: 9px;
      color: lightsalmon;
    }
  }
}
.return {
  font-size: 20px;
  margin-left: 15px;
  margin-top: 5px;
  margin-bottom: -10px;
}

</style>